<template>
    <!-- 活动管理 已经报名人查看 -->
    <div class="app-container calendar-list-container">
        <!-- 查询和其他操作 -->
        <section class="filter-container">
            <el-row>
                <el-col :span="6" style="padding-top: 5px;">
                    <span class="el-green">已报名{{$route.query.a_num}}/{{$route.query.h_num}}</span>
                </el-col>
                <el-col :span="18" >
                    <el-button class="filter-item" type="primary" size="small" style="float:right">导出</el-button>
                </el-col>
            </el-row>
        </section>
        <el-table size="small" :data="tableList" v-loading="loading" element-loading-text="正在查询中。。。" stripe highlight-current-row>
            <el-table-column type="index" width="55">
            </el-table-column>
            <el-table-column align="center" label="姓名" prop="user_name">
            </el-table-column>
            <el-table-column align="center" label="联系方式" prop="phone">
            </el-table-column>
            <el-table-column align="center" label="部门" prop="dept_name">
            </el-table-column>
            <el-table-column align="center" label="报名时间" prop="create_time">
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
import { activeApply_listAll } from '@/api/activeApply'
export default {
    name: 'alreadySign',
    data() {
        return {
            loading: false,
            tableList: [],
        }
    },
    methods:{
        async initList(){
            this.loading = true;
            let { data } = await activeApply_listAll({company_id: localStorage.getItem('companyId'), active_id: this.$route.query.id});
            this.loading = false;
            if(data.status == 100){
                this.tableList = data.data.rows
            }
        }
    },
    created() {
        this.initList();
    }
}
</script>
<style lang="scss" scoped>
$color: #606266;
span{
  font-size: 14px;
  font-weight: bold;
  color: $color;
}
</style>
